<template>
  <div class="footer">
    <Row style="padding:0 50px">
      <Col class="footerLeft" :lg="{span:4,offset:3}" :xs="{span:24}">
        &nbsp;
        <img src="../assets/images/index/ewm.png" alt="" srcset="">
      </Col>
      <Col :lg="{span:14}" class="rightFooter">
        <dl>
          <dt>
            <Menu mode="horizontal">
             <!--  <MenuItem name="1">关于我们</MenuItem>
              <MenuItem name="2">招贤纳士</MenuItem>
              <MenuItem name="3">联系我们</MenuItem>
              <MenuItem name="4">合作加盟</MenuItem>
              <MenuItem name="5">移动应用</MenuItem>
              <MenuItem name="6">法律声明</MenuItem> -->
            </Menu>
          </dt>
          <dt>
            <Icon type="ios-compass" color="#fff" size="20" style="margin-right:10px"/>河南省新乡市科隆大道劳动路交叉口西南角
          </dt>
          <dt>
            <Icon type="md-phone-portrait" color="#fff" size="20" style="margin-right:10px"/>18790506336 0373-7117111
          </dt>
          <dt>
            <Icon type="md-mail" color="#fff" size="20" style="margin-right:10px"/>666688888@qq.com
          </dt>
          <dt>
            <Icon custom="iconfont icon-qq" size="20" style="margin-right:10px"/>666688888
          </dt>
        </dl>
      </Col>
    </Row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
@font-face {
  font-family: "iconfont";
  src:
    /* IE6-IE8 */ url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAS0AAsAAAAABwgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZCKk2mY21hcAAAAYAAAABLAAABcOzcxsZnbHlmAAABzAAAAQUAAAEYA0TmaGhlYWQAAALUAAAALwAAADYTR+QhaGhlYQAAAwQAAAAcAAAAJAfeA4NobXR4AAADIAAAAAgAAAAICAAAAGxvY2EAAAMoAAAABgAAAAYAjAAAbWF4cAAAAzAAAAAeAAAAIAENAHFuYW1lAAADUAAAAUUAAAJtPlT+fXBvc3QAAASYAAAAGwAAACxyggEEeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBxeb3m9hbnhfwNDDHMDQwNQmBEkBwD6Fw1VeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf73l/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwDtbwxNAHicFYyxTsMwGIT924mdxk4QTRPTADE4jVNVoanSNhFLJYoQS6Wu7HSqEANP0JGRGYknYOTdWMFd7k6f7g4BQn8H8ksOaIdQZJaLtjNtZ7WdNzKjCpJ4QGOZgbVcT3ENi5xRlmEZAjsSqMHoMgQbiZ2tYN507bI8cs1sJ9cmt7fdpyM88L3943a/2VzU+jLqcwbKd6omiV3hCxIA0RNRXzmASfGeradF4I1c+VwPyvtZwftUc0wBzh8Ywa4/kbYGwQf88Ijrnhix7bc2SihdjW9vrsnMeBmj67fV8K7HI3oG+GnM43SIQ9L5gjsEUom9E1UlpxAABmAvORbSEKrSr9d/PMQifgAAAHicY2BkYGAA4jdN/5ni+W2+MnCzMIDADZEAIQT9v4GFgbkByOVgYAKJAgAQgAjMAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAjAAAeJxjYGRgYGBiSGUA0SAWAwMXEDIw/AfzGQASdAF/AAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYGpsJCBAQAFUAD6AA==");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-qq:before {
  content: "\ebb4";
}
.footer {
  background: #f19fc3;
  width: 100%;
  height: 300px;
  margin: auto;
  @media screen and (max-width: 768px) {
    .footerLeft {
      img {
        width: 100%;
      }
    }
    .rightFooter {
      display: none;
    }
  }
  .rightFooter {
    dl {
      padding-left: 29%;
      dt {
      }
    }
  }
  .footerLeft {
    img {
      position: absolute;
      top: -15px;
    }
  }
  .ivu-col {
    position: relative;
    dl {
      dt {
        color: #fff;
        margin-bottom: 30px;
      }
    }
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active,
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover,
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active,
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
      color: #fff;
      border-bottom: 2px solid #f19fc3 !important;
    }
    .ivu-menu {
      background: #f19fc3;
      .ivu-menu-item {
        color: #fff;
      }
    }
    .ivu-menu-horizontal.ivu-menu-light:after {
      height: 0;
    }
  }
}
</style>